﻿.tem64-header{position: fixed;width: 100%;top:0;left: 0;z-index: 99;color: #fff;}
.tem64-header.show-full .container{padding:0;}
.tem64-header .container{border-color:inherit;}
.tem64-header .tem64-header_meng{position: absolute;top: 0;left: 0;width: 100vw;height: 100vh;background-color: rgba(0,0,0,0.2);z-index: -1;display: none;}
.tem64-header .tem64_bg{background-color: rgba(0,0,0,0.9);position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.2;z-index: -1;transition: 0.3s;}
.tem64-header .tem64_con{position: relative;border-bottom: 1px solid;border-color: rgba(155,155,155,0.2);}
.tem64-header .logo{height: 70px;width: 300px;padding: 10px 0;padding-left: 30px;float: left;transition: 0.3s;}
.tem64-header .logo img{height: 100%;max-width: 100%;}
.tem64-header .switch{width: 70px;height: 70px;overflow: hidden;float: right;border-left: 1px solid;border-color: inherit;position: relative;cursor: pointer;z-index: 11;transition: 0.3s;}
.tem64-header .switch .close_switch{font-size: 26px;font-weight: 900;line-height: 70px;text-align: center;position: absolute;left: 100%;transition: 0.2s;}
.tem64-header .switch .toggle{position: absolute;top: 0;right: 24px;bottom: 0;margin: auto;width: 46px;height: 12px;overflow: hidden;transition: 0.2s;}
.tem64-header .switch .toggle .icon-wrap{display: block;height: 2px;position: absolute;right: 0;width: 30px;border-bottom: 2px solid;}
.tem64-header .switch .toggle .icon-wrap:nth-child(1){top: 0;right: -6px;}
.tem64-header .switch .toggle .icon-wrap:nth-child(2){top: 50%;margin-top: -1px;right: -10px;}
.tem64-header .switch .toggle .icon-wrap:nth-child(3){bottom: 0;;right: -6px;}
.tem64-header .switch:hover .toggle .icon-wrap:nth-child(1){top: 0;right: -6px;
    -webkit-animation: tem64_header_switch .8s linear infinite;-moz-animation: tem64_header_switch .8s linear infinite;animation: tem64_header_switch .8s linear infinite;}
.tem64-header .switch:hover .toggle .icon-wrap:nth-child(2){top: 50%;margin-top: -1px;right: -10px;
    -webkit-animation: tem64_header_switch 1.2s ease-in infinite;-moz-animation: tem64_header_switch 1.2s ease-in infinite;animation: tem64_header_switch 1.2s ease-in infinite;}
.tem64-header .switch:hover .toggle .icon-wrap:nth-child(3){bottom: 0;;right: -6px;
    -webkit-animation: tem64_header_switch .6s ease-out infinite;-moz-animation: tem64_header_switch .6s ease-out infinite;animation: tem64_header_switch .6s ease-out infinite;}
@-webkit-keyframes tem64_header_switch{
0% {-webkit-transform: translateX(0px);}
50%{-webkit-transform: translateX(4px);}
0% {-webkit-transform: translateX(0px);}
}
@-moz-keyframes tem64_header_switch{
0% {-moz-transform: translateX(0px);}
50%{-moz-transform: translateX(4px);}
0% {-moz-transform: translateX(0px);}
}
@keyframes tem64_header_switch{
0% {transform: translateX(0px);}
50%{transform: translateX(4px);}
0% {transform: translateX(0px);}
}
.tem64-header .All_content{margin-left: 300px;margin-right: 80px;padding: 5px 0;height: 70px;line-height: 60px;transition: 0.3s;}
.tem64-header .categoryBar .tem64_categoryBar{background-color:rgba(0,0,0,0.9);position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;display: none;display: none;}
.tem64-header .categoryBar{width: 500px;position: relative;float: right;}
.tem64-header .categoryBar.padd{padding: 0 20px;}
.tem64-header .categoryBar.padd .swiper-button-next,
.tem64-header .categoryBar.padd .swiper-button-prev{display: block;}
.tem64-header .categoryBar .swiper-wrapper{height: auto;}
.tem64-header .categoryBar .swiper-slide{width: auto;}
.tem64-header .categoryBar .categoryBar_hide{width: 100%;height: 60px;position: relative;}
.tem64-header .categoryBar .swiper-container{position: absolute;width: 100%;top: 0;left: 0;height: 100%;overflow: initial;}
.tem64-header .categoryBar.padd .swiper-container{overflow: hidden;}
.tem64-header .categoryBar .txt{position: relative;transition: 0.2s;height: 60px;padding: 0 10px;}
.tem64-header .categoryBar .txt a{color:inherit;}
.tem64-header .categoryBar .txt .description{transition: 0.5s;line-height:inherit!important;}
.tem64-header .categoryBar ._ul{position: absolute;left: 0;top: 100%;min-width: 160px;font-size: 12px;-webkit-animation: tem64_header_dong 0.3s;-moz-animation: tem64_header_dong 0.3s;animation: tem64_header_dong 0.3s;display: none;box-shadow: 0 4px 6px rgba(0,0,0,0.2);color: #fff;}
.tem64-header .categoryBar ._ul ._ul{top: 0;left: 100%;}
.tem64-header .categoryBar .swiper-slide.txt:last-child ._ul ._ul{right:100%;left: auto;}
.tem64-header .categoryBar.padd .swiper-slide.txt:last-child{margin-right: 90px;}
.tem64-header .categoryBar ._ul .txt{height: auto;line-height: 20px;padding: 10px;}
.tem64-header .categoryBar .txt.next{padding-right: 12px;}
.tem64-header .categoryBar .txt .icon_span{position: absolute;right: 10px;top: 50%;margin-top: -7px;}
@-webkit-keyframes tem64_header_dong{
0% {-webkit-transform: translateY(30px);opacity: 0;}
100%{-webkit-transform: translateY(0);opacity: 1;}
}
@-moz-keyframes tem64_header_dong{
0% {-moz-transform: translateY(30px);opacity: 0;}
100%{-moz-transform: translateY(0);opacity: 1;}
}
@keyframes tem64_header_dong{
0% {transform: translateY(30px);opacity: 0;}
100%{transform: translateY(0);opacity: 1;}
}
.tem64-header .swiper-button-next,
.tem64-header .swiper-button-prev{background: none;font-size: 20px;width: 20px;height: 100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;display: block;font-weight: 400;margin: 0;pointer-events: auto;top: 0px;left: 0;display: none;z-index: 5;background-color: rgba(0,0,0,0.04);}
.tem64-header .swiper-button-next>span,
.tem64-header .swiper-button-prev>span{line-height: inherit;width: 100%;height: 100%;text-align: center;display: block;}
.tem64-header .swiper-button-next{right: 0;left: auto;}
.tem64-header .swiper-button-prev{}
.tem64-header .tem64_con .switch.active .toggle{right: 150%;}
.tem64-header .tem64_con .switch.active .close_switch{left: 20px;}
.tem64-header .icon{float: right;font-size: 12px;position: relative;z-index: 9;margin-left: 10px;}
.tem64-header .icon a{color: inherit;}
.tem64-header .icon .icons{float: right;margin-left: 10px;cursor: pointer;position: relative;}
.tem64-header .icon .language {display:none;width:160px;position:absolute;right:2px;top:100%;text-align:left;padding:5px 0;z-index:8;box-shadow:0 0 5px rgba(0,0,0,0.4);line-height:100%;-webkit-animation: tem64_header_dong 0.3s;-moz-animation: tem64_header_dong 0.3s;animation: tem64_header_dong 0.3s;}
.tem64-header .icon .language li a {width:100%;height:100%;display:block;padding:6px 14px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tem64-header .icon .language li a img {width:20px;height:20px;margin-right:6px}
.tem64-header .icon .search2_form {position:absolute;right:0;top:100%;border-style:solid;border-width:2px;z-index:10;display:none;width:250px;color:#666;height:40px;box-shadow:0 0 5px rgba(0,0,0,0.3);line-height: initial;-webkit-animation: tem64_header_dong 0.3s;-moz-animation: tem64_header_dong 0.3s;animation: tem64_header_dong 0.3s;}
.tem64-header .icon .search2_form input {padding:6px 10px;border:0;outline:0;width:calc(100% - 80px);float:left;height:100%}
.tem64-header .icon .search2_form>button {font-size:16px;background:rgba(0,0,0,0.1);border:0;color:#fff;float:left;height:100%;width:40px;display:block}
.tem64-header .icon .search2_form .searchbox {font-size:16px;color:#fff;line-height:34px;height:100%;text-align:center;float:left;width:40px;display:block}
.tem64-header .icon .shopping_cart {padding-right: 8px;}
.tem64-header .icon .shopping_cart i {position:absolute;display:block;right:-4px;top:12px;width:14px;height:14px;border-radius:50%;text-align:center;font-size:12px;color:#fff;font-style:normal;line-height:14px}
.tem64-header .icon .person {background-color:#fff;position:absolute;right:0;top:100%;border:1px solid rgba(0,0,0,.15);z-index:8;display:none;line-height: initial;line-height: 30px;-webkit-animation: tem64_header_dong 0.3s;-moz-animation: tem64_header_dong 0.3s;animation: tem64_header_dong 0.3s;}
.tem64-header .icon .person li a {width:100%;height:100%;display:block;padding:4px 14px;color:#666}
@media (min-width: 992px){
.tem64-header.show-middle .logo{padding-left:0;}
.tem64-header .icon .language li a:hover {background-color:rgba(0,0,0,0.08);color:#000;font-weight:900}
.tem64-header .icon .person li:hover {background-color:rgba(0,0,0,0.1)}
.tem64-header .categoryBar ._ul .txt:hover{background-color: rgba(0,0,0,0.2);}
.tem64-header .swiper-button-next>span:hover,
.tem64-header .swiper-button-prev>span:hover{color: #fff;}
.tem64-header .categoryBar .swiper-wrapper>.txt{visibility: hidden;opacity: 0;transform: translateY(-30px);transition: opacity .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s;}
.tem64-header .categoryBar .swiper-wrapper>.txt.animations{visibility: visible;opacity: 1;transform: translateY(0px);}
.tem64-header .All_content .categoryBar.padd .swiper-button-next,
.tem64-header .All_content .categoryBar.padd .swiper-button-prev{visibility: hidden;transform: translateY(-30px);transition: opacity .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s;}
.tem64-header .All_content.active .categoryBar.padd .swiper-button-next,
.tem64-header .All_content.active .categoryBar.padd .swiper-button-prev{visibility: visible;transform: translateY(0px);}
.tem64-header .All_content .icon{opacity: 0;transform: translateY(-30px);transition: opacity .3s ease 0s, transform .3s ease 0s, transform .3s ease 0s;}
.tem64-header .All_content.active .icon{opacity: 1;transform: translateY(0px);}
.tem64-header .tem64_con.tem64-header_donghua{}
.tem64-header .tem64_con.tem64-header_donghua .logo{height: 60px;padding: 5px 0 5px 30px;}
.tem64-header.show-middle .tem64_con.tem64-header_donghua .logo{padding-left:0;}
.tem64-header .tem64_con.tem64-header_donghua .switch{height: 60px;line-height: 60px;}
.tem64-header .tem64_con.tem64-header_donghua .switch .close_switch{line-height: 60px;}
.tem64-header .tem64_con.tem64-header_donghua .All_content{padding: 0;height: 60px;}
.tem64-header .tem64_con.tem64-header_donghua .tem64_bg{opacity: 1;}
}
@media (max-width: 992px){
.tem64-header .container{padding:0;}
.tem64-header .logo{height: 50px;padding: 6px 0 6px 10px;width: auto;}
.tem64-header .icon{margin: 0;margin-right: 10px;}
.tem64-header .icon .shopping_cart,
.tem64-header .icon .loginBar{display: none;}
.tem64-header .icon .search2_form{width: 210px;}
.tem64-header .switch{height: 50px;width: 50px;}
.tem64-header .switch .toggle{right: 12px;}
.tem64-header .tem64_con .switch.active .close_switch{left: 12px;}
.tem64-header .categoryBar .txt.next{padding-right: 35px;}
.tem64-header .categoryBar .txt .icon_span{right: 15px;font-size: 14px;}
.tem64-header .switch .close_switch{line-height: 50px;}
.tem64-header .All_content{margin: 0;float:right;line-height: 50px;padding: 0;height: 50px;}
.tem64-header .All_content .categoryBar{ position: absolute;left: -100px;top: 100%;width: 100%;transition:0.3s;opacity: 0;visibility: hidden;font-size: 12px;}
.tem64-header .All_content.active .categoryBar{left: 0;opacity: 1;visibility: visible;}
.tem64-header .categoryBar .tem64_categoryBar{display: block;}
.tem64-header .tem64_bg{opacity: 1;}
.tem64-header .categoryBar .categoryBar_hide{height: 50px;}
.tem64-header .categoryBar .txt{height: 50px;}
}